// css后处理器的配置文件
module.exports = {
  plugins: {
    // rootValue 是根植，是px向rem转换的砝码
    // rem = px/rootValue  除法计算
    // 200px/37.5 = 5.3333rem
    // vant设计稿的大小是375px，rootValue就是设计稿的1/10，就是37.5
    'postcss-pxtorem': {
      rootValue: 37.5,
      propList: ['*']
    }
  }
}

// 将rootValue设置为动态的值(rootValue的兼容问题解决方案)
const {
  sep
} = require('path')

module.exports = ({
  file
}) => {
  const rootValue = file.dirname.indexOf(`node_modules${sep}vant`) !== -1
    ? 37.5
    : 75

  return {
    plugins: {
      autoprefixer: {},
      'postcss-pxtorem': {
        rootValue,
        propList: ['*']
      }
    }
  }
}
